<template>
  <div class="map-info-popup">
    <div class="row">
      <span>工程名称：</span>
      <span>开州区汉丰街道都市新民居组团移民楼院常态安全监测项目</span>
    </div>
    <div class="row">
      <span>监测类型：</span>
      <span>倾斜</span>
    </div>
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="date" label="设备编号" width="180"> </el-table-column>
      <el-table-column prop="name" label="监测日期" width="180"> </el-table-column>
      <el-table-column prop="address" label="监测值"> </el-table-column>
      <el-table-column prop="address" label="本次变化量"> </el-table-column>
      <el-table-column prop="address" label="累计变化量"> </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: "mapInfoPopup",
  props: ["cureentMenu"],
  data() {
    return {
      tableData: [
        {
          date: "2016-05-02",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1517 弄",
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1519 弄",
        },
        {
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1516 弄",
        },
      ],
    };
  },
  watch: {
    cureentMenu: {
      handler(newVal) {
        if (newVal == 0) {
          this.statusList = this.statusList0;
        }
        if (newVal == 2) {
          this.statusList = this.statusList1;
        }
        if (newVal == 3) {
          this.statusList = this.statusList2;
        }
      },
      immediate: true,
    },
  },
  methods: {},
};
</script>
<style scoped lang="scss">
.map-info-popup {
  width: 10vw;
  height: 20vh;
  background: url("@/assets/image/popupbg.png") no-repeat;
  background-size: 100% 100%;
}
</style>
